@navbg: #FED32C;

.nav-button-box {
    width           : 100%;
    height          : 50px;
    line-height     : 50px;
    background-color: @navbg;

    .button {
        width        : 200rpx;
        text-align   : right;
        padding-right: 20rpx;

        font-size    : 26rpx;
        color        : #2c8efe;
    }
}

.lists-box {
    .item-box {
        width        : 670rpx;
        margin       : 20rpx auto;
        border       : 1rpx solid #dddddd;
        padding      : 10px;
        border-radius:5px;
        overflow     : hidden;

        .title-box {
            width          : 100%;
            height         : 50rpx;
            line-height    : 50rpx;
            display        : flex;
            justify-content: space-between;

            .name {
                font-size  : 14px;
                font-weight: bold;
            }

            .time {
                font-size: 12px;
                color    : #dcdcdc;
            }
        }

        .content-box {
            font-size  : 26rpx;
            min-height : 50rpx;
            line-height: 50rpx;
            color      : #dddddd;
        }

        .button-box {
            width: 100%;
            text-align: right;
            button {
                font-size: 14px;
                display: inline-block;
                border: 0px!important;
                color: #ffffff;
                padding: 0px 20px;
                &::after{
                border: 0px!important;
                }
            }
            button:nth-child(1){
                margin-right: 10px;
                background-color: #2c8efe;
            }
            button:nth-child(2){
                background-color: #ff6b6b;
            }
        }
    }
}
.adds{
    padding:0px 10px;
button{
    background-color: #2c8efe;
    color: #ffffff;
    font-size: 14px;
    padding: 10px 0px;
    &::after{
        border: 0px!important;
    }
}
}